<template>
    <!--    <div class="mui-numbox" data-numbox-step='1' data-numbox-min='1' data-numbox-max='10'>-->
    <!--        <button class="mui-btn mui-numbox-btn-minus" type="button">-</button>-->
    <!--        <input class="mui-numbox-input" type="number"/>-->
    <!--        <button class="mui-btn mui-numbox-btn-plus" type="button">+</button>-->
    <!--    </div>  -->

    <div class="mui-numbox" data-numbox-step='10' data-numbox-min='0' data-numbox-max='100'>
        <button class="mui-btn mui-numbox-btn-minus" type="button">-</button>
        <input class="mui-numbox-input" type="number"/>
        <button class="mui-btn mui-numbox-btn-plus" type="button">+</button>
    </div>
</template>

<script>


    export default {
        name: "numberbox",
        mounted() {
            // mui(".mui-numbox").numbox()
        },
        methods: {
            countchange() {
                this.$emit("getnum", parseInt(this.$refs.input.value));
            }
        }
        //props:["max"],
        // watch:{
        //最大限度 查官方文档 引不到mui
        // max:function(newv, oldv){
        //     mui('.mui-numbox').numbox().setOption('max', newv)
        // }

    }
</script>

<style scoped>

</style>